//-----------编辑判断-----------
//search :找到？之后的部分包括？
let url = location.search;
let obj = {};
if (url) {
  let arr = url.substring(url.indexOf("?") + 1).split("&");
  arr.forEach((item) => {
    let res = item.split("=");
    obj[res[0]] = res[1];
  });
}
console.log(obj);
if (obj.num) console.log(11111);
if (obj.num === "1") {
  $("#title").text("修改文章");
  getOne();
}
//获取一个文章接口
function getOne() {
  $.ajax({
    type: "GET",
    url: `/my/article/${obj.id}`,
    success: function (res) {
      let form = layui.form;
      form.val("test1", res.data);
      $("#select").val(res.data.cate_id);
      form.render("select");
      let src = "http://www.itcbc.com:8080/" + res.data.cover_img;
      $image.cropper("replace", src);
    },
  });
}

//裁剪区域
let $image = $("#image");
let option = {
  aspectRatio: 400 / 280,
  preview: ".img-preview",
};
$image.cropper(option);
//选择封面
$('button:contains("选择封面")').on("click", function () {
  $("input[type=file]").trigger("click");
});
$("input[type=file]").change(function () {
  if (this.files.length > 0) {
    let fileObj = this.files[0];
    let src = URL.createObjectURL(fileObj);
    $image.cropper("replace", src);
  }
});

//获取分类
let form = layui.form;
$.ajax({
  type: "GET",
  url: "/my/category/list",
  async:false,
  success: function (res) {
    let str = "";
    res.data.forEach((item) => {
      str += `<option value="${item.id}">${item.name}</option>`;
    });
    $("#select").append(str);
    form.render("select");
  },
});

//富文本编辑器
tinymce.init({
  //selector:使用CSS选择器语法来确定页面上哪个元素被TinyMCE替换成编辑器
  selector: "textarea",
  directionality: "ltr",
  // 汉化注意大小写
  language: "zh_CN",
  height: 300,
  //隐藏状态栏（状态栏指的是编辑器最底下、左侧显示dom信息、右侧显示Tiny版权链接和调整大小的那一条。）
  statusbar: false,
  width: "100%",
  // plugins:指定哪些插件被用在当前编辑器实例中
  plugins: [
    "advlist autolink link image lists charmap preview hr anchor pagebreak spellchecker",
    "searchreplace wordcount visualblocks visualchars code insertdatetime nonbreaking",
    "save table contextmenu directionality template paste textcolor",
    "codesample",
  ],
  // toolbar:工具栏上可用的按钮，多个控件使用空格分隔，使用“|”来创建分组
  toolbar:
    "insertfile undo redo | \
       styleselect | \
       bold italic | \
       alignleft aligncenter alignright alignjustify | \
       bullist numlist outdent indent | \
       image | \
       preview | \
       forecolor emoticons |\
       codesample fontsizeselect",
  fontsize_formats: "10pt 12pt 14pt 18pt 24pt 36pt",
  nonbreaking_force_tab: true,
  imageupload_url: "/user/submit-image",
});

//提交
$("#addArtivle").on("submit", function (e) {
  //阻止默认行为
  e.preventDefault();
  let fd = new FormData(this);
  //获取tinymce编辑器的内容
  //如果只有一个编辑器：tinyMCE.activeEditor.getContent()
  //多个编辑器：tinyMCE.editors[0].getContent()
  let content = tinyMCE.activeEditor.getContent();
  // set():给 FormData 设置属性值，如果FormData 对应的属性值存在则覆盖原值，否则新增一项属性值。
  fd.set("content", content);
  let canvas = $image.cropper("getCroppedCanvas", { width: 400, height: 280 });
  canvas.toBlob(function (blob) {
    //append():向 FormData 中添加新的属性值，FormData 对应的属性值存在也不会覆盖原值，而是新增一个值，如果属性不存在则新增一项属性值。
    fd.append("cover_img", blob);
    if (obj.id) {
      fd.append('id',obj.id)
      $.ajax({
        type:'POST',
        url:'/my/article/update',
        data:fd,
        processData: false, 
        contentType: false, 
        success:function(res){
          console.log(res);
          layer.msg(res.message);
          location.href = "articleList.html";
        }
      })
    } else {
      $.ajax({
        type: "POST",
        url: "/my/article/add",
        data: fd,
        //使用FormData对象
        processData: false, // 不要处理数据；意思是不要把对象形式的fd转换成查询字符串形式
        contentType: false, // 不要加默认的请求头（application/x-www-form-urlencoded），让浏览器自行设置请求头
        success: function (res) {
          console.log(res);
          layer.msg(res.message);
          location.href = "articleList.html";
        },
      });
    }
  });
});
